<template>
	<view :class="[primarySize()]">
		<view class="page-foot bg-white">
			<view class="ptb10 plr30 flex-box">
				<view class="del">删除</view>
				<view class="btn1 ml30">提交</view>
			</view>
		</view>
		<view class="container">
			<view class="ptb20 plr30">
				<view class="box">
					<view class="item flex-box" style="border-top: none;">
						<view class="left">身份证号码</view>
						<input type="text" placeholder="请输入" class="flex-grow-1 pl20 tr fs30 col3"
							placeholder-class="colb" />
					</view>
					<view class="item flex-box">
						<view class="left">姓名</view>
						<input type="text" placeholder="请输入" class="flex-grow-1 pl20 tr fs30 col3"
							placeholder-class="colb" />
					</view>
					<picker>
						<view class="flex-box item">
							<view class="left flex-grow-1 pr20">职位类型</view>
							<view class="fs30" :class="[true?'colb':'col3']">{{true?'请选择':''}}</view>
							<image src="@/static/public/arrow-r.png" mode="widthFix" class="ico10 mt5 ml10"></image>
						</view>
					</picker>
					<picker>
						<view class="flex-box item">
							<view class="left flex-grow-1 pr20">期望工作地</view>
							<view class="fs30" :class="[true?'colb':'col3']">{{true?'请选择':''}}</view>
							<image src="@/static/public/arrow-r.png" mode="widthFix" class="ico10 mt5 ml10"></image>
						</view>
					</picker>
					<picker>
						<view class="flex-box item">
							<view class="left flex-grow-1 pr20">期望行业</view>
							<view class="fs30" :class="[true?'colb':'col3']">{{true?'请选择':''}}</view>
							<image src="@/static/public/arrow-r.png" mode="widthFix" class="ico10 mt5 ml10"></image>
						</view>
					</picker>
					<picker>
						<view class="flex-box item">
							<view class="left flex-grow-1 pr20">期望月薪</view>
							<view class="fs30" :class="[true?'colb':'col3']">{{true?'请选择':''}}</view>
							<image src="@/static/public/arrow-r.png" mode="widthFix" class="ico10 mt5 ml10"></image>
						</view>
					</picker>
					<picker>
						<view class="flex-box item">
							<view class="left flex-grow-1 pr20">到岗时间</view>
							<view class="fs30" :class="[true?'colb':'col3']">{{true?'请选择':''}}</view>
							<image src="@/static/public/arrow-r.png" mode="widthFix" class="ico10 mt5 ml10"></image>
						</view>
					</picker>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	export default {
		data() {
			return {

			}
		},
		onReady() {
			uni.setNavigationBarColor({
				frontColor: '#ffffff',
				backgroundColor: this.primaryColor()
			})
		},
		onLoad() {
			
			this.getOpenerEventChannel().on('dataTransfer', data => {
				this.model = Object.assign({}, data.model) //创建一份浅拷贝, 不影响上一页的值
			});
			this.$util.getCities().then(districts => {
				this.setData({
					districts
				});
			});
			this.$util.getJobCategories().then(items => {
				this.setData({
					jobCategories: items
				});
			});
			this.$util.getSalaryOptions(3).then(items => {
				this.setData({
					salaryOptions: items
				});
			});
			this.$util.getWorkStates().then(items => {
				this.setData({
					workStates: items
				});
			});

			this.$util.getIndustryCategories().then(items => {
				this.setData({
					industryCategories: items
				});
			});
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.box {
		width: 690rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.03);
		border-radius: 18rpx;
		padding: 0 30rpx;

		.item {
			height: 105rpx;
			border-top: 1px solid #F4F4F4;

			.left {
				font-size: 30rpx;
				color: #333333;
			}

			.ico10 {
				width: 10rpx;
			}
		}
	}

	.btn {
		width: 426rpx;
		height: 102rpx;
		background: var(--primary);
		border-radius: 8rpx;
		margin-top: 70rpx;
		margin-left: auto;
		margin-right: auto;
		width: 426rpx;
		height: 102rpx;
		line-height: 102rpx;
		text-align: center;
		font-size: 30rpx;
		color: #FFFFFF;
		background: var(--primary);
		border-radius: 8rpx;
	}

	.del{
		width: 220rpx;
		height: 82rpx;
		line-height: 82rpx;
		text-align: center;
		font-size: 30rpx;
		color: #999999;
		background: rgba(227, 229, 236, 0.5);
		border-radius: 8rpx;
		
	}
	.btn1{
		height: 82rpx;
		line-height: 82rpx;
		width: 440rpx;
		border-radius: 8rpx;
	}
</style>